<div class="my-container" style="padding-bottom:10px;margin-top: 60px">
    <div class="tabs" style="padding-left: 0;padding-right: 0">
        <div class="clearfix" id="table">
            <a class="activity" href="javascript:void(0);" style="width: 50%">待还款</a>
            <!--<a class="" href="javascript:void(0);" style="width: 33%">全部</a>-->
            <a class="" href="javascript:void(0);" style="width: 50%;border-radius: 0 4px 4px 0">已还款</a>
        </div>
    </div>
    <!--<h4 class="text-center">没有该类账单！</h4>-->

    <div class="tabs-box">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                <span class="pull-right">
                <span>待还款</span>
                </span>
                    <span class="order-num">订单号：<span>A11842</span></span>
                </div>
                <hr style="margin-top:5px; margin-bottom:5px;">
                <div class="order-des">下单时间：2015-04-22 11:22:55</div>
                <div class="order-des">本期全部应还款额：¥ 399</div>
                <div class="order-des">账单日：2015/04/22</div>
                <div class="order-des">到期还款日：2015/05/10</div>
                <hr style="margin-top:5px; margin-bottom:5px;">
                <div class="row order-btn-group">
                    <div class="col-xs-4 pull-right"><a href="pay.html" class="btn btn-order-info order-detail-btn">去还款</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="tabs-box" style="display: none">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                <span class="pull-right">
                <span>已还款</span>
                </span>
                    <span class="order-num">订单号：<span>A11842</span></span>
                </div>
                <hr style="margin-top:5px; margin-bottom:5px;">
                <div class="order-des">下单时间：2015-03-10 11:22:55</div>
                <div class="order-des">贷款日期：2015/03/10</div>
                <div class="order-des">贷款截止日期：2016/03/10</div>
                <div class="order-des">月付：¥798.00 * 12期</div>
                <div class="order-des">全部应还款额：¥3999</div>
                <div class="order-des">已还金额：¥798</div>
                <hr style="margin-top:5px; margin-bottom:5px;">
                <div class="row order-btn-group">
                    <div class="col-xs-4"><a class="btn btn-order-info order-detail-btn" id="order-detail">账单明细</a></div>
                </div>
                <div class="order-follow refund-detail-info" style="display: none;" id="order-succeed">
                    <span class="order-follow-boder">◆</span>
                    <span class="order-follow-bg">◆</span>
                    <div class="row">
                        <div class="col-xs-2">首付</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年03月03日</div>
                        </div>
                        <div class="col-xs-3"><a>已付款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">一期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年04月02日</div>
                        </div>
                        <div class="col-xs-3"><a>已付款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">二期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年05月10日</div>
                        </div>
                        <div class="col-xs-3"><a class="btn btn-refund">立即还款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">三期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年06月01日</div>
                        </div>
                        <div class="col-xs-3"><a class="btn btn-refund-inver">等待还款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">四期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年07月10日</div>
                        </div>
                        <div class="col-xs-3"><a class="btn btn-refund-inver">等待还款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">五期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年08月10日</div>
                        </div>
                        <div class="col-xs-3"><a class="btn btn-refund-inver">等待还款</a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-2">六期</div>
                        <div class="col-xs-7">
                            <div>还款金额：999.00元</div>
                            <div>还款日期：2015年09月10日</div>
                        </div>
                        <div class="col-xs-3"><a class="btn btn-refund-inver">等待还款</a></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
